<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>LeftSide</title>
    </h:head>
    <h:body>
        <ui:composition>


            <div id="tabbed_nav" class="tabbed_nav">
                <div class="tabbed_area">
                    <ul class="tabs">

                        <li><a href="#" title="ticket" class="active tab"> <h:graphicImage value="#{resource['images:title-ve.png']}" class="img-title"/></a></li>
                        <span class="line">&nbsp;</span>
                        <li><a href="#" title="hotel" class="tab"><h:graphicImage value="#{resource['images:title-hotel.png']}" class="img-title"/></a></li>
                    </ul>
                    <div id="ticket" class="content">
                        <div class="subcontent1">
                            <div class="note">
                                <span>Điểm đến</span>
                           
                                    <p:selectOneMenu   effect="drop" value="#{Cities.selectedCity}" converter="city" var="c" filter="true" filterMatchMode="startsWith">
                                        <f:selectItems value="#{Cities.listCities2()}" var="city" itemLabel="#{city.cityname}" itemValue="#{city}"/>
                                        <p:column styleClass="colum">
                                            #{c.cityname}
                                        </p:column>
                                    </p:selectOneMenu>
                                    <!--<h:inputText class="txtnote" />-->
                                
                            </div>
                            <div class="note"><span>Điểm đi</span>
                                <p:selectOneMenu effect="drop" value="#{Cities.selectedCity}" converter="city" var="c" filter="true" filterMatchMode="startsWith">
                                    <f:selectItems value="#{Cities.listCities2()}" var="city" itemLabel="#{city.cityname}" itemValue="#{city}"/>
                                    <p:column>
                                        #{c.cityname}
                                    </p:column>
                                </p:selectOneMenu>
                                <!--<h:inputText class="txtnote" />-->
                            </div>
                            <div class="note"><span>Ngày đi</span>
                                <p:calendar showOn="button" style="z-index: 99999" styleClass="txtnote" />
                            </div>
                            <div class="note"><span>Ngày về</span>
                                <p:calendar showOn="button" styleClass="txtnote" />
                            </div>
                            <div class="note"><span>Số ghế</span>
                                <h:inputText class="txtnote" />
                            </div>
                        </div>
                        <div class="subcontent2">
                            <h1 class="sl-title">Số lượng người đi</h1>
                            <div id="human">

                                <div class="human"><h6>Người lớn</h6>
                                    <h:inputText class="txthuman" />
                                </div>
                                <div class="human"><h6>Trẻ em</h6>
                                    <h:inputText class="txthuman" />
                                </div>
                                <div class="human"><h6>Em bé</h6>
                                    <h:inputText class="txthuman" />
                                </div>
                                <div class="float-left">
                                </div>
                            </div>

                        </div>
                        <div class="subcontent3">
                            <h:commandButton class="submit" value="Tìm kiếm chuyến bay"/>

                        </div>
                    </div>

                    <div id="hotel" class="content">
                        <div class="subcontent1">
                            <div class="note">
                                <span>Thành phố</span>
                                <h:inputText class="txtnote" />
                            </div>
                            <div class="note"><span>Khách sạn</span>
                                <h:inputText class="txtnote" />
                            </div>
                            <div class="note"><span>Ngày đến</span>
                                <h:inputText class="txtnote" />
                            </div>
                            <div class="note"><span>Ngày đi</span>
                                <h:inputText class="txtnote" />
                            </div>
                        </div>
                        <div class="subcontent3">
                            <h:commandButton class="submit" value="Tìm kiếm khách sạn"/>
                        </div>
                    </div>



                </div>
                <!--End .tabbed_area-->
            </div>
            <!--End tabbed_nav-->


        </ui:composition>
    </h:body>
</html>

